<!--制作一个画廊 公共的渐隐渐现的动画组件-->
<template>
  <transition>
    <!--slot 是外部组件插入的插槽 这时代表着就是common-gallary 这个组件-->
    <slot></slot>
  </transition>
</template>

<script>
    export default {
        name: "Fade"
    }
</script>

<style lang="stylus" scoped>
  .v-enter, .v-leave-to
    opacity: 0
  .v-enter-active, .v-leave-active
    transition: opacity .5s
</style>
